<template>
  <div class="">
    <h2>学习记录</h2>
    <van-empty
      image-size="60"
      image="https://wap.lexuemiao.com/img/empty.503e5ccb.png"
      description="暂无学习记录"
    />
  </div>
</template>

<script>
import { toRefs, reactive, onMounted } from 'vue'
export default {
  setup(props) {
    const data = reactive({})

    return {
      ...toRefs(data)
    }
  }
}
</script>
<style lang="scss" scoped>
* {
  margin: 0;
  padding: 0;
}
h2 {
  color: #424963;
  padding: 20px;
  font-size: 30px;
}
.van-empty {
  margin-top: 200px;
}
</style>
